// 缓存数据
var globalData = []
//获取页面元素
var oBox = document.getElementById("box");
var oUl = document.querySelectorAll("ul");
//获取文档可视高度
var vH = document.documentElement.clientHeight;
//最小高度的列
function min_height() {
  var ht = oUl[0].offsetHeight; //初始化默认
  var index = 0; //记录第几列高度最小
  for (var i = 0; i < oUl.length; i++) {
    if (oUl[i].offsetHeight < ht) {
      ht = oUl[i].offsetHeight;
      index = i;
    }
  }
  return index;
}
//加载图片
function load_img(data) {
  globalData = JSON.parse(JSON.stringify(data))
  for (var i = 0; i < globalData.length; i++) {
    var oLi = document.createElement("li");
    var oImg = document.createElement("img");
    oImg.src = globalData[i];
    oLi.appendChild(oImg);
    oUl[min_height(oUl)].appendChild(oLi);
  }
}
window.onscroll = function () { //实现图片一直循环加载
  //鼠标滚动高度
  var sH = document.documentElement.scrollTop || document.body.scrollTop; //谷歌兼容
  if (Math.ceil(sH + vH) >= document.body.scrollHeight) { //大于等于页面实际高度
    load_img(globalData); //重新加载图片
  }

}